<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="../subPages/css.jsp"%>
<body class="small-width"><!-- 
<body class="small-width" style="background:url(${ALIYUNOSSURL}${IMG};"> -->
	<%@include file="../subPages/top.jsp"%>
	<%@include file="../subPages/title.jsp"%>
	<%@include file="../subPages/nav.jsp"%>
	<div class="container">
		<div class="row mt30 min-h400">
				<div class="col-xs-12 panel-group p0" id="accordion">
				    <div id="warnMessage" class="col-sm-12 text-error mb15"></div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#useEmail">
								    <span class="glyphicon glyphicon-envelope"></span>
								     &nbsp;使用邮箱找回 
								</a>
							</h4>
						</div>
						<div id="useEmail"
							class="panel-primary panel-collapse collapse in">
							<div class="panel-body">
								<div class="col-sm-12 col-md-10">
									<h3>请输入您帐号所绑定的邮箱</h3>
									<p>系统将向您的邮箱发送一封包含重置密码链接的邮件</p>
									<hr />
									<div id="warnEmailMessage" class="col-sm-12 text-error mb15"></div>
									<form method="post" action="findPasswordByEmail" onsubmit="return findPassByEmial('email','securityCode');">
										<p>第一步</p>
										<div class="input-group">
											<input type="text" class="form-control" name="email" id="email" placeholder="请输入注册时的邮箱" value="${model.email }"/> 
											<span class="input-group-btn">
												<input class="btn btn-primary" type="button" id="emailBtn" value="获取验证码" onclick="ivalidateEmailAndGetRandom('emailBtn','email','warnEmailMessage','verifyEmail','subEmailBtn')"/>
											</span>
										</div>
										<p>第二步</p>
										<div class="input-group">
											<input type="text" class="form-control" id="securityCode" autocomplete="off" name="securityCode" placeholder="请输入收到的验证码"> 
											<span class="input-group-btn">
												<button type="submit" class="btn btn-primary" id="subEmailBtn">确认验证码</button>
											</span>
										</div>
									</form>
									<p class="text-muted">
										<br />如果您长时间没有收到邮件，可以到此页面重新发送或换一个邮箱再次尝试。
									</p>
								</div>
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-toggle="collapse"data-parent="#accordion" href="#usePhone">
								<span class="glyphicon glyphicon-phone"></span>
								&nbsp;使用手机找回</a>
							</h4>
						</div>
						<div id="usePhone" class="panel-collapse collapse">
							<div class="panel-body">
								<div class="col-sm-12 col-md-10">
									<h3>请输入您帐号所绑定的手机</h3>
									<p>系统将向您的手机发送一条验证码,输入验证码即可重置密码</p>
									<hr />
									<div id="warnPhoneMessage" class="col-sm-12 text-error mb15"></div>
									<form method="post" action="findPasswordByPhone" onsubmit="return findPassByPhone('phone','securityCode2');">
										<p>第一步</p>
										<div class="form-group">
									        <label class="sr-only">手机</label>
									        <input type="text" id="phone" name="phone" class="form-control" placeholder="请输入绑定的手机号码" aria-describedby="basic-addon2"/>
								        </div>
								        <div class="form-group p0">
									        <input class="btn btn-info no-right-radius w-50 m0 fl" type="button" id="phoneBtnBySMS" onclick="ivalidatePhoneAndGetRandom('phoneBtnBySMS','phone','warnPhoneMessage','verifyPhone','subPhoneBtn')" value="短信验证码"/>
									        <input class="btn btn-warning no-left-radius w-50 m0 fl" type="button" id="phoneBtnByVoice" onclick="ivalidatePhoneAndGetRandom('phoneBtnByVoice','phone','warnPhoneMessage','verifyPhone','subPhoneBtn')" value="语音验证码"/>
								        </div>
										<p>第二步</p>
										<div class="input-group">
											<input type="text" class="form-control" id="securityCode2" autocomplete="off" name="securityCode" placeholder="请输入收到的验证码"> 
										    <span class="input-group-btn">
												<button type="submit" class="btn btn-primary" id="subPhoneBtn">确认验证码</button>
											</span>
										</div>
									</form>
									<p class="text-muted">
										<br />如果您长时间没有收到短信，可以等待时间过后重新发送或换一个号码再次尝试。
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
		</div>
	</div>
	<%@include file="../subPages/footer.jsp"%>
	<script type="text/javascript" src="js/findPassword.js"></script>
	<script type="text/javascript">
	   showMessage("warnMessage",'${succMess}',true,3);
	</script>
</body>
</html>
